<template>
    <div class="fluid">
        <div class="container">
            <media-section1></media-section1>
            <media-section2></media-section2>
            <media-section3></media-section3>
        </div>
    </div>
</template>
<script>
import mediaSection1 from './mediaSection1.vue'
import mediaSection2 from './mediaSection2.vue'
import mediaSection3 from './mediaSection3.vue'
export default {
    components:{
        mediaSection1,
        mediaSection2,
        mediaSection3,
    }
}
</script>
<style scoped>
.fluid{
    width:100%;
}
.container{
    width:1200px;
    margin:0 auto;
    margin-top: 80px;
}
</style>


